﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<title>sample3</title>
		<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="jquery.tablesorter.min.js"></script>
		<script type="text/javascript">
$(function(){
	 $("#myTable").tablesorter(); 
});
		</script>
		<link rel="stylesheet" href="blue/style.css" type="text/css" media="print, projection, screen" />
	</head>
	<body>
		<table id="myTable" class="tablesorter">
<thead>
	<tr>
	<th>No</th>
	<th> 이름</th>
	<th>Email</th>
	<th> 전화번호</th>
	<th> 주소</th>
	</tr>
</thead>
<tbody>
	<tr>
		<td>1</td>
		<td>김유신</td>
		<td>kimyusin@tor.net</td>
		<td>010-0000-0000</td>
		<td>전라남도</td>
	</tr>
	<tr>
		<td>2</td>
		<td>이순신</td>
		<td>leesunsin@tyahoo.com</td>
		<td>010-1111-1111</td>
		<td>서울</td>
		</tr>
	<tr>
		<td>3</td>
		<td>을지문덕</td>
		<td>uljimounduck@hotmail.com</td>
		<td>010-2222-2222</td>
		<td>함경북도</td>
	</tr>

	<tr>
		<td>4</td>
		<td>홍길동</td>
		<td>honggildong@gmail.com</td>
		<td>010-333-3333</td>
		<td>충청북도</td>
	</tr>
</tbody>
</table>

	</body>
</html>